﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title> UTN | MIG </title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script type="text/javascript">
$(document).ready(function(){
	var state = true;
			
	
	$(this).delay(800);
	
	runEffect();
	
	
	$("#loginBtn").click(function(){

			location.href = "HomePage.html";

	});
	
	function runEffect() {
      // get effect type from
      //$( "#logo-container" ).toggle("scale", 1000);	  
	  if(state)
	  {
	  	$("#logo").animate(
	  	{
			background: 'url( ../img/icons/logo.png) no-repeat center top',
	  		width: 500,
			height:500,			
			opacity: 1.0,
			left: 0,
			top: 0
	  	},3000,function()
		{
			$('#profile-info:hidden').fadeIn('slow');
		});
		state = !state;
	  }
	  else
	  {
	  	$("#logo").animate(
	  	{
	  		width: 0,
			height: 0		
	  	},3000,function(){});
		state = !state;
	  }
    };

});
</script>
<body>
<div></div>
<div id="logo-container" class="logo-container">
<!-- start header -->
	<div id="logo" class="logo">
<!--<img src="img/icons/Logo.png"/>-->
		<div id="login" class="mleft40">
			<div id="profile-info" class="login-info mtop20" style="display:none">
				<div class="email mleft40">
                            <label>Usuario</label><br />
                            <input type="text" class="black-background" name="user" /><br />
                        </div>
                        <div class="password  mleft40">
                            <label>Contraseña</label> 
							<br />
                            <input type="password" class="black-background" name="pass" /><br />
                        </div>
                           <div class="remember  mleft40">
                            <input name="remember me" type="checkbox" class="remember" value="" />
							<label class="rememberme">Recordarme </label>
                        </div>
						<div id="login" class=" mleft40">
						<a href='' id="loginBtn" class="button" value="Ingresar">Ingresar<a/>
						</div>
						<br />
						<br />
                    <div class="mleft40" value="¿Todavia no estas Registrado?">
						<a href="#" class="link"> Olvide mi Contraseña</a>
						<br />
                    	<a class="reg-btn link" href="UserNotValid.htm"><span></span>Registrarme</a></div>				
			</div>
		</div>
	</div>
</div>

</body>
</html>
